<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>奇趣互动-专注互动娱乐</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <header class="header min-header">
        <div class="container">
            <div class="row">
                <div class="col-md-10"></div>
                <div class="col-md-2">
                    <div class="login-box">
                        <ul>
                            <li><a href="#">登录</a><span class="parting-line"></span></li>
                            <li><a href="#">注册</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="nav-wrap">
                    <div class="col-md-4">
                        <div class="logo-box">
                            <a href="#">
                                <img src="img/logo.png" alt="" class="logo">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <nav class="nav">
                            <ul class="nav-list">
                                <li class="menu-item"><a href="#">首页</a></li>
                                <li class="menu-item"><a href="#">功能</a></li>
                                <li class="menu-item"><a href="#">优势</a></li>
                                <li class="menu-item"><a href="#">案例</a></li>
                                <li class="menu-item"><a href="#">关于</a></li>
                            </ul>
                        </nav>
                    </div>
                    <div class="col-md-2"></div>
                </div>
            </div>
        </div>
    </header>
    <div class="container-fluid">
        <div class="row">
            <div class="cover-box">
                <img src="img/Depositphotos_3109646_original.jpg" alt="" class="cover img-responsive">
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
        <div class="col-md-12">
            <div class="superiority-title-box">
                <img src="img/superiority.png" alt="" class="superiority-title">
            </div>
        </div>
            
        </div>
        <div class="row">
            <div class="col-md-12">
                <center><h3 class="superiority-title-text">优势</h3></center>
            </div>
            <div class="col-md-4">
                <div class="s-panel">
                    <h3>一心专注，只为酒吧，小娱乐，大互动，与娱乐行业休戚与共</h3>
                    <p>He concentrated, only for small interactive entertainment bar, together with the entertainment industry</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="s-panel">
                    <h3>一心专注，只为酒吧，小娱乐，大互动，与娱乐行业休戚与共</h3>
                    <p>He concentrated, only for small interactive entertainment bar, together with the entertainment industry</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="s-panel">
                    <h3>一心专注，只为酒吧，小娱乐，大互动，与娱乐行业休戚与共</h3>
                    <p>He concentrated, only for small interactive entertainment bar, together with the entertainment industry</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="fun-title-box">
                <h2 class="board-big-title">FUNCTION DISPLAY</h2>
                <div class="board-line"></div>
                <h3 class="board-title">功能展示</h3>
            </div>
        </div>
        <div class="row">
            <div class="col-md-3">
                <div class="fun-card">
                    <img src="img/Depositphotos_3789775_original.jpg" alt="" class="fun-card-img">
                </div>
            </div>
            <div class="col-md-6">
                <div class="fun-card">
                    <img src="img/Depositphotos_21217019_original.jpg" alt="" class="fun-card-img">
                </div>
            </div>
            <div class="col-md-3">
                <div class="fun-card">
                    <img src="img/Depositphotos_3789775_original.jpg" alt="" class="fun-card-img">
                </div>
            </div>
            <div class="col-md-5">
                <div class="fun-card">
                    <img src="img/Depositphotos_3789775_original.jpg" alt="" class="fun-card-img">
                </div>
            </div>
            <div class="col-md-3">
                <div class="fun-card">
                    <img src="img/Depositphotos_21217019_original.jpg" alt="" class="fun-card-img">
                </div>
            </div>
            <div class="col-md-4">
                <div class="fun-card">
                    <img src="img/Depositphotos_3789775_original.jpg" alt="" class="fun-card-img">
                </div>
            </div>

        </div>

        <div class="row" style="height: 400px;"></div>
    </div>


</body>
</html>